<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Vue学习5</title>
    <link rel="stylesheet" href="css/lib/elemeny-ui/index.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="app" v-cloak>
    <el-card class="box-card" v-for="(card,index) in cardList">
        <div slot="header" class="clearfix">
            <span>{{index+1}}.{{card.cardName}}</span>
            <el-button style="float: right; padding: 3px 0" type="text" @click="changeOperation(card)">{{card.isShow|isShow()}}</el-button>
        </div>
        <div v-for="(item,index) in card.itemList"  class="text item" v-if="card.isShow">
            <a href="#" @click="goUrl(item.url)">({{index+1}}).{{item.name}}</a>
        </div>
    </el-card>
</div>
</body>
<script src="js/lib/vue.js"></script>
<script src="js/lib/axios.min.js"></script>
<script src="js/lib/element-ui/index.js"></script>
<script src="js/index.js"></script>
</html>